<template>
  <div class="video-wrap">
    <video controls autoplay>
      <source :src="resourceUrl" type="video/mp4" />
      您的浏览器不支持 video 标签。
    </video>
  </div>
</template>
<script>
export default {
  data() {
    return {
      resourceUrl: '',
    }
  },
  props: ['row', 'resource'],
  mounted() {
    let { httpUrl } = this.resource
    this.resourceUrl = httpUrl
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.video-wrap {
  width: 100%;
  height: 100%;
  video {
    width: 100%;
    height: 100%;
  }
}
</style>